﻿@charset "utf-8";
* { 
  padding: 0; 
  margin: 0; 
  border: 0; 
  text-align: left; 
  font-style: normal; 
  font-weight: normal; 
  font-size: 1em; 
  -webkit-tap-highlight-color: rgba(0,0,0,0);	
  -webkit-touch-callout: none; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}
html { 
  max-width: 640px; 
  margin: 0 auto 
}
body { 
  font-family: Helvetica, Arial, sans-serif; 
  background: #FAFAFA; 
  -webkit-text-size-adjust: 100%; 
}
a.ph { font-weight: bold; color: #f60; font-size: 1.1em; }
.clr:after { content: ''; display: block; height: 0; clear: both; }
.clr { *zoom:1;}
.logo { margin: 0 auto; max-width: 640px }
.logo img { max-width: 100% }
.top2 { width: 100%; height: 45px; overflow: hidden }
.top_dh { background: rgba(0,120,177,0.9); max-width: 640px; margin: 0 auto }
.top_nr { height: 40px; position: relative; }
.back { position: absolute; left: 10px; top: 4px; height: 40px; width: 45px; }
.back a { background: url(Images/bk1.png) no-repeat; background-size: 30px; display: block; height: 40px; width: 45px; }
.top_tit, .top_tit h2 { text-align: center; font-size: 1.2em; line-height: 40px; }
.top_tit { color: #fff }
.more { position: absolute; right: 2px; top: 4px; height: 40px; width: 40px; }
.more a { background: url(images/list1.png) no-repeat; background-size: 30px; display: block; height: 40px; width: 45px; }
.show_nr { margin: 0 auto; max-width: 640px }
.nbg { margin: 0; background: #fafafa; border-radius: 6px; overflow: hidden }
.nr_cont { padding: 10px; line-height: 1.8em; font-size: 0.9em; color: #666 }
.nr_cont img { max-width: 100%; }
.qz { margin: 0 0 10px 0 }
.qz li { float: left; margin: 1%; padding: 1%; width: 46.6%; position: relative; overflow: hidden; z-index: 1 }
.qz li img { width: 100%; margin: 0 auto; border-radius: 10px; }
.qz_bt{ font-size:18px; font-weight:bold; border-bottom:4px solid #0078B1; margin-bottom:10px;}
.qz_tit { border-radius: 0 0 10px 10px; bottom: 5%; color: #FFFFFF; height: 50px; line-height: 20px; padding: 0 0 0 8px; position: absolute; width: 96%; }
.qz_tit h2 { text-align:center;line-height:50px; font-size: 16px; font-weight: bold; text-shadow:2px 2px 4px #000;}
.qz_tit h3{ font-size:1em;font-weight: bold; padding-top: 4px; }
.q1 { background: rgba(153,0,0,0.8); }
.q2 { background: rgba(0,102,0,0.8); }
.q3 { background: rgba(51,51,153,0.8); }
.q4 { background: rgba(241,7,7,0.8); }
.q5 { background: rgba(255,102,0,0.8); }
.copy { margin: 0 auto; max-width: 640px }
.copy { background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f2f2), to(#cfcfcf)); background-image: -webkit-linear-gradient(top, #f2f2f2, #cfcfcf); background-image: -moz-linear-gradient(top, #f2f2f2, #cfcfcf); background-image: -o-linear-gradient(top, #f2f2f2, #cfcfcf); background-image: -ms-linear-gradient(top, #f2f2f2, #cfcfcf); background-image: linear-gradient(to bottom, #f2f2f2, #cfcfcf); }
.copy img { width: 60px; padding: 6px; float: left }
.p_nb { float: left; font-size: 0.9em; padding: 6px 0 10px; line-height: 24px }
.bq { margin: 0 auto; max-width: 640px }
.bq { background: #eaeaea; text-align: center; color: #666; line-height: 24px; font-size: 0.8em }